import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router"


Vue.use(VueRouter)
import One1 from "./views3/One1.vue"
import One2 from "./views3/One2.vue"
import One3 from "./views3/One3.vue"
import two1 from './views3/chlidren/two1.vue'
import two2 from './views3/chlidren/two2.vue'
import two3 from './views3/chlidren/two3.vue'
import three1 from "./views3/chlidren/children1/three1.vue"
import three2 from "./views3/chlidren/children1/three2.vue"
const routes = [
  {
    path: "/",
    redirect: "/One1"
  },
  {
    path: "/One1",
    component: One1
  },
  {
    path: "/One2",
    component: One2,
    children: [
      {
        path: "two1",
        component: two1
      },
      {
        path: "two2",
        component: two2
      },
      {
        path: "two3",
        component: two3,
        children: [
          {
            path: "three1",
            component: three1
          },
          {
            path: "three2",
            component: three2
          },
        ]
      },
    ]
  },
  {
    path: "/One3",
    component: One3,
  },
];
const router = new VueRouter({
  routes
})
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
